草庐IT

CSS3 多媒体查询

全部标签

javascript - 使用 Javascript 更改具有所述类的所有元素的 css 类

基本上我试图找到所有具有特定类名的元素并将其切换到另一个。我有另一个函数可以将其切换回原始类名。这是我用onclick触发的函数:functionshowEventsAppliedTo(){varmyObj=document.getElementsByClassName('notApplied');while(myObj.length>=0){myObj[0].className='mblListItemnotAppliedOut';}AppliedToButton.set('style','display:none;');EventListingButton.set('style',

javascript - knockout : Change css class based on value of observable

我在可观察数组上使用foreach:如您所见,我将可用性的当前值传递给函数availabilityCssClass,该函数将该值与一些预定义的字符串进行比较。根据匹配的字符串,它返回一个类名。self.availabilityCssClass=ko.computed(function(value){varavailability=value;if(availability==="Busy"||"DoNotDisturb"||"BeRightBack")return"leftStatusCellColorOrange";elseif(availability==="Away"||"Off

javascript - 将特定 URL 与查询字符串匹配的正则表达式

您好,我正在尝试匹配允许查询字符串的特定URL。基本上我需要发生以下情况:http://some.test.domain.com-通过http://some.test.domain.com/-通过http://some.test.domain.com/home-通过http://some.test.domain.com/?id=999-通过http://some.test.domain.com/home?id=888&rt=000-通过http://some.test.domain.com/other-失败http://some.test.domain.com/another?id=9

javascript - 调用 $(this) 时,jQuery 会重新查询 DOM 吗?

在下面的代码中,当$(this)被调用时,jQuery是否重新查询DOM,就好像选择器已传递给它一样(使用对象的某些属性作为选择器),或者jQuery是否保留先前返回的对象?$('.someButton').on('click',function(){$(this).remove();//Isthisanotherlookup,orjustawrapperforthepreviouslyreturnedobject?}); 最佳答案 它不会重新查询DOM,this已经是一个元素。jQuery只是将上下文设置为元素,调整长度,然后返回

javascript - 无法在谷歌浏览器中访问外部 CSS 样式

所以我有以下代码document.styleSheets[0].cssRules[0].style.color="blue";//etc.基本上这段代码可以在IE和Mozilla中运行,但不能在Chrome中运行。实际上,当您运行document.styleSheets[0].cssRules时,它返回一个CSSRulesList对象(在IE和Mozilla中),但在Chrome中它返回null。顺便说一句,对于嵌入式样式,这个对象似乎甚至在Chrome中也能工作。那么这个功能实际上在Chrome中不可用吗?如果是这样,是否有Chrome替代方案可以让您使用Javascript处理外部

javascript - 从客户端传递选择查询

将数据库查询(选择或更新或其他)作为参数传递到服务器端是否可以(我的意思是安全原因)(例如,我读取表单字段的值,在javascript中形成查询字符串并传递形成的字符串作为参数发送给服务器):$.ajax({url:"servletURL",type:"post",data:{query:"selectname,last_namefromemployees"},success://dothings});或varname=document.getElementById('name').value;varlast_name=document.getElementById('last_nam

javascript - 如何在 ember js 插件的 app.css 中添加 css 样式

我正在创建ember插件,这个插件需要很少的css样式才能正常工作!如何添加它们以便当消费应用程序使用此插件时,特定的css样式会直接添加到消费应用程序的app.css文件中?例如:插件:下拉插件需要一个样式.active-menu{background-color:#4183C4;}消费应用:在线表单当在线表单使用dropdown-addon时,我希望.active-menu自动添加到app.css! 最佳答案 使用您的自定义css创建文件vendor/style.css在index.js添加:module.exports={//

javascript - 是否可以仅使用 CSS 对 innerHTML 的更改进行动画处理?

我的纯JS脚本正在更改中的文本元素只需使用innerHTML.是否可以不使用jQuery而仅使用CSS为这种变化设置动画?如果是,怎么办?谢谢! 最佳答案 在设置innerHTML之前添加一些类到容器,通过CSS设置预动画状态,然后设置innerHTML并删除该类。如果容器设置了过渡,它应该动画到干净状态。.container{transition:all1s;max-height:300px;}.container.pre-animation{opacity:0;max-height:0;}setTimeout确保效果更明显var

javascript - Webpack css-loader 没有构建

我在使用css-loader在我的JSX文件上加载CSS时遇到困难。我正在关注以下示例:https://christianalfoni.github.io/react-webpack-cookbook/Loading-CSS.html这是我的JSXimportReactfrom'react';importReactDOMfrom'react-dom';importstylesfrom'./styles.css';classHelloextendsReact.Component{render(){returnHelloworld!}}varel=document.getElementBy

javascript - 使用通配符作为路径的深度路径查询

我有一些数据,其中我尝试遵循Firebase关于扁平结构的建议,因此我没有超出我的需要。最终结果是我在这样的节点中组织了报价:quotes->clientName->quoteObjectquoteObjects有一个“dateCreated”值,我希望能够像这样提取这些数据(因为当我提取一个包含特定页面所有报价的大列表时,我然后使用对象分配来制作要显示的一大堆对象):constquotesRef=firebase.database().ref('quotes');quotesRef.orderByChild('dateCreated').on('value',snapshot=>{/